<script>
    $(function () {

        var linktpl = [
            '{@each links as item,index}',
            '{@if index <6}',

            '{@if index ==0}',
            '<span class="padding-right-sm">',

            '{@else}',
            '<span class="padding-horizontal-sm">',

            '{@/if}',
            '<a href="${item.url}" target="_blank" class="text-666">${item.title}</a>',
            '</span>',
            '{@/if}',
            '{@/each}',
        ].join("");

        var phonetpl = [
            '{@each phone as p}',
            '{@if phone.length>1}',
            '<div class="text-lg strong padding-left-sm text-left">${p}</div>',
            '{@else}',
            '<div class="text-lg strong padding-left-sm text-left" style="line-height:56px">${p}</div>',
            '{@/if}',
            '{@/each}',
        ].join("");

        var footerdata=indexjson.footerinfo;
        $("#wt-about").data("url","/about.html?aboutid="+indexjson.about.id);

        $(".wt-link-div").html(juicer(linktpl,footerdata));
            $(".wt-company-div").text(footerdata.company);
            $(".wt-icp-div").text(footerdata.icp);
            $(".wt-copyright-div").text(footerdata.copyright);
            $(".wt-logo-div").attr('src', footerdata.logo);
            $(".wt-company-div").text(footerdata.company);
            $(".wt-email-div").text(footerdata.email);
            $(".wt-phone-div").html(juicer(phonetpl, {"phone":footerdata.phone.split("#")} ));
            g.lazyimg();
    })

</script>
<div id="wt-footer" class="wt-bgw">
    <div class="wt-bge" style="border-top:1px solid #b5b5b5;">
        <div class="pure-content">
            <div class="pure-g padding-vertical-lg">
                <div class="pure-u-19-24  text-center">
                    <div class="pure-g">
                        <div class="pure-u-7-24 text-center">
                            <div style="width: 197px;" class="padding-top-sm">
                                <img  class="wt-logo-div" style="background:transparent;width: 100%;">
                            </div>
                        </div>
                        <div class="pure-u-17-24  text-xs padding-horizontal-xl">
                            <div class=" text-666 text-left padding-left-xl wt-company-div"></div>
                            <div class=" text-666 text-left padding-top-xs padding-left-xl">
                                <span class="padding-right-xl wt-copyright-div"> </span>
                                <span class="padding-left-xl wt-icp-div">  </span></div>
                        </div>
                    </div>
                    <div >
                        <div class="text-xs padding-top-xxs wt-link-div text-left ">
                        </div>
                    </div>
                </div>

                <div class="pure-u-5-24 text-center padding-left-sm">
                    <div class="pure-g padding-left-xs">
                        <div class="pure-u-1-4 padding-top-xs">
                            <i class="iconfont icon-dianhua-copy text-666 wt-bgw text-xl border-cicle"
                               style="padding:10px;"></i>
                        </div>
                        <div class="pure-u-3-4 wt-phone-div"></div>
                    </div>
                    <div class="text-center text-xs padding-top-xxs">商务合作 :<span class="wt-email-div"></span> </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="mask_cover">
   <div class="load_mask">
        <img src="../../imgs/loading.gif">
       </div>
    </div>

<div class="wt-tools">
    <a href="javascript:;" class=" margin-bottom-xs border-radius wt-f-backtop hidden" title="回到顶部"><i
            class="iconfont icon-huidaodingbu text-xxxl"></i></a>
    <a href="javascript:;" class=" border-radius wt-f-calc" title="贷款计算器"><i class="iconfont icon-58 text-xxxl"></i></a>
</div>

</body>
</html>